$c1:#333;
$c2:#666;
$c3:SkyBlue;

div.container{
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  header{
    display: flex;
    align-items: center;
    margin-top: 100px;
    a,a:link{
      text-decoration: none;
      font-size: 40px;
      line-height: 50px;
      display:inline-block;
      text-align: center;
      font-weight: normal;
      color:$c2;
    }
    a:hover{
      font-weight: bolder;
    }
    a.vis {
      font-weight: bolder;
       color: $c3;
    }
    a.un_vis{
      font-weight: normal;
      color:$c2;
    }
    .login_point{
      margin-left: 20px;
      margin-right: 20px;
    }
  }
  div.content, div.show{
    margin-top: 45px;
    display: flex;
    flex-direction: column;
    // flex-grow: wrap
    input{
      margin-top: 1px;
      min-width: 300px;
      min-height: 45px;
      font-size: 15px;
      display: inline-block;
    }
    input[type=submit]{
      margin-top: 20px;
      border-radius: 30px;
      background: SkyBlue;
      padding: 15px;
      font-size: 18px;
      color: #ffffff;
      outline: none;
    }
  }
  div.show{
    display: flex;
  }
  div.hidden{
    display: none
  }
}
